<template>
  <div>
    <search-examine></search-examine>
    <div class="mt20">
      <el-table
        v-loading="loading"
        element-loading-text="拼命加载中"
        :data="tableData"
        border
        size="mini"
        width="1500"
        height="600"
      >
        <el-table-column
          prop=""
          label="申请号"
        >
        </el-table-column>
        <el-table-column
          prop=""
          label="用户昵称"
        >
        </el-table-column>
        <el-table-column
          prop=""
          label="申请人姓名">
        </el-table-column>
        <el-table-column
          prop=""
          label="申请人手机">
        </el-table-column>
        <el-table-column
          prop=""
          label="支付宝账户">
        </el-table-column>
        <el-table-column
          prop=""
          label="申请时间">
        </el-table-column>
        <el-table-column
          prop=""
          width="150"
          label="兑换珍珠">
        </el-table-column>
        <el-table-column
          prop=""
          width="150"
          label="兑换金额">
        </el-table-column>
        <el-table-column
          prop=""
          width="150"
          label="操作">
        </el-table-column>
      </el-table>
    </div>
    <div class="block mt10 tc mb10">
      <el-pagination
        background
        @current-change="handleCurrentPage"
        :current-page.sync="page"
        :page-size="pageSize"
        layout="total, prev, pager, next"
        :total="total">
      </el-pagination>
      <br>
    </div>
  </div>
</template>

<script>
  import service from '@/service';
  import searchExamine from './exchangeExamineSearch';
    export default {
        data() {
          return {
            tableData:[],
            total:0,
            page:1,
            loading:true,
            pageSize:20,
          };
        },
        mounted() {
          this.getTableDataItem();
        },
        methods: {
          async  getTableDataItem(){
            let result =await service.haiBeiServerTradeList();
            if(result.success){
              this.tableData=result.data;
              this.loading=false;
              this.total=result.total;
            }
          },
          handleCurrentPage(val){
            this.getTableDataItem(val);
          },
        },
        components:{
          searchExamine
        }
    };
</script>
<style scoped></style>
